<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="../../favicon.ico" rel="icon">
<title>水滴科技协同办公系统</title>

<link rel="stylesheet" href="${request.contextPath}/core/css/bootstrap.min.css">
<link rel="stylesheet" href="${request.contextPath}/core/css/font-awesome.min.css">
<link rel="stylesheet" href="${request.contextPath}/css/suredy-ui.css">
</head>
<body>
	<div class="container" style="margin-top: 5px;">
		<div class="navbar navbar-default">
			<div class="navbar-header">
				<a class="navbar-brand" href="#" style="border-right: 1px solid #ddd;">
					<i class="icon-flag"></i>
					<#if data.id??> 修改公告 <#else> 新建公告 </#if>
				</a>
			</div>
			<ul class="nav navbar-nav suredy-form-bar">
				<li>
					<a href="#">
						<i class="icon-save"></i>
						保存
					</a>
				</li>
				<li>
					<a href="#">
						<i class="icon-undo"></i>
						重置
					</a>
				</li>
				<li>
					<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
						<i class="icon-bar-chart"></i>
						按钮组
						<span class="icon-angle-down"></span>
					</a>
					<ul class="dropdown-menu" role="menu">
						<li>
							<a href="#">填写意见</a>
						</li>
						<li>
							<a href="#">发送</a>
						</li>
						<li>
							<a href="#">撤回</a>
						</li>
						<li class="divider"></li>
						<li>
							<a href="#">删除</a>
						</li>
					</ul>
				</li>
			</ul>
			<ul class="nav navbar-nav navbar-right">
				<li>
					<a href="#" class="suredy-close-form">
						<i class="icon-remove close" style="margin-right: 10px;"></i>
					</a>
				</li>
			</ul>
		</div>
		<div role="tabpanel" class="suredy-tabs">
			<!-- Nav tabs -->
			<ul class="nav nav-tabs" role="tablist">
				<li role="presentation" class="active">
					<a href="#tab1" aria-controls="tab1" role="tab" data-toggle="tab"> 表单 </a>
				</li>
				<li role="presentation">
					<a href="#tab2" aria-controls="tab2" role="tab" data-toggle="tab">意见</a>
				</li>
				<li role="presentation">
					<a href="#tab3" aria-controls="tab3" role="tab" data-toggle="tab">流转记录</a>
				</li>
			</ul>
			<!-- Tab panes -->
			<div class="tab-content">
				<div role="tabpanel" class="tab-pane active" id="tab1">
					<form action="" method="post">
						<input type="hidden" name="id" value="${data.id}">
						<div class="form-group">
							<div class="input-group">
								<div class="input-group-addon">标题</div>
								<input type="text" class="form-control" name="title" placeholder="最多100个汉字" value="${data.title}">
							</div>
						</div>
						<div class="form-group">发布 人：${data.creatorShortName} 发布部门：${data.creatorFullUnitName} 发布日期：${data.publishTime?string('yyyy-MM-dd')}</div>
						<div class="form-group">
							<div class="btn-group" data-toggle="buttons">
								<label class="btn btn-primary active">
									<input type="radio" name="options" id="option1" autocomplete="off" checked>
									一天
								</label>
								<label class="btn btn-primary">
									<input type="radio" name="options" id="option2" autocomplete="off">
									三天
								</label>
								<label class="btn btn-primary">
									<input type="radio" name="options" id="option3" autocomplete="off">
									一周
								</label>
								<label class="btn btn-primary">
									<input type="radio" name="options" id="option3" autocomplete="off">
									两周
								</label>
							</div>
						</div>
						<div class="form-group">
							<div class="input-group">
								<div class="input-group-addon">内容</div>
								<textarea class="form-control" rows="5" name="content" placeholder="最多500个汉字">${data.content}</textarea>
							</div>
						</div>
					</form>
				</div>
				<div role="tabpanel" class="tab-pane" id="tab2">这里是意见栏</div>
				<div role="tabpanel" class="tab-pane" id="tab3">这里是流转记录</div>
			</div>
		</div>
	</div>
	<script src="${request.contextPath}/core/js/jquery-1.11.1.min.js"></script>
	<script src="${request.contextPath}/core/js/bootstrap.min.js"></script>
	<script src="${request.contextPath}/js/suredy-ui.js"></script>
</body>
</html>
